<!--
 * @Author: YNT 2501512800@qq.com
 * @Date: 2022-07-26 17:19:42
 * @LastEditors: YNT 2501512800@qq.com
 * @LastEditTime: 2022-07-26 23:14:55
 * @FilePath: \智慧社区的副本\src\views\security\VehicleBarrier\VehicleBarrierManage.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="container">
        <el-tabs v-model="activeName">
            <el-tab-pane label="实时监测" name="first" lazy>
                <v-vehicleBarrier></v-vehicleBarrier>
            </el-tab-pane>
            <el-tab-pane label="历史回放" name="second"  lazy>
                <v-history></v-history>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import VehicleBarrier from './VehicleBarrier';
    import VehicleBarrierHistory from "./HistoryList"
    export default {
        components: {
            'v-vehicleBarrier': VehicleBarrier,
            'v-history':VehicleBarrierHistory
        },
        data() {
            return {
                activeName: 'first'
            }
        },
        methods: {
            changeTabs(val) {
                this.activeName = val.name;
            }
        }
    }
</script>

<style lang="scss" scoped>
</style>
